<template>
    <section class="loading-box fixed-center" v-if="show">
      <div class="box absolute-center">
        <van-loading class="absolute-center" type="spinner" color="white" />
      </div>
    </section>
</template>

<script type="text/ecmascript-6">
  export default {
    data() {
      return {

      }
    },
    props:['show'],
    methods: {

    },
  }
</script>

<style scoped lang="scss">
  @import '../assets/css/base';

  .loading-box{
    width: 100%;
    height: 100%;
    z-index:11;

    .box{
      width: 50px;
      height: 50px;
      border-radius:3px;
      background-color: rgba(0,0,0,.5);
    }
  }
</style>
